<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>回忆唱片</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<style>
    body{
        margin: 0;
        padding: 0;
        position: relative;
    }
    .xin{
        position: fixed;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }
</style>
<body>
        <div class="top">
            <ul class="loginbar clearboth container">
                <li><a href="index.html">跳进地理书的旅行</a></li>
                <li>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="rigister.html">注册</a></li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </div>
        <div id="header">
            <ul class="nav clearboth container">
            <li><a href="index.html">首页</a></li>
            <li><a href="role_intro.html">成员介绍</a></li>
            <li><a href="contactus.html">相关图集</a></li>
            <li><a href="atlas.html">回忆唱片</a></li>
            <li><a href="video.html">精彩瞬间</a></li>
            <li><a href="yulu.html">旅行语录</a></li>
            <li><a href="bochu.html">收视情况</a></li>
            
            </ul>
        </div>
        <div class="chen">
            <div class="lrc">
              <ul id="ullrc">

              </ul>
            </div>
            <audio id="ad" src="music/media/唱片3.MP3" controls loop></audio>
          </div>
          <video class="xin" src="video/bcck.mp4" preload="auto"muted="muted" loop="loop" autoplay="autoplay"></video>
          <script src="js/atlas.js"></script>
        <div class="copyright">
            202201140011 陈鑫 数媒22-2
        </div>
    </body>

</html>